<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>美食天下</title>
    <!-- 调用css全局样式开始 -->
    <link rel="stylesheet" href="css/style.css">
</head>

<body>
    <!-- 顶部导航菜单开始 -->
    <div class="header">
        <div class="inner">
            <div class="logo">
                <a href="#"><img src="images/logo.png" /></a>
            </div>
            <div class="nav">
                <ul>
                    <li>
                        <a href="index.html">首页</a>
                    </li>
                    <li>
                        <a href="cp.html">菜谱</a>
                        <ul>
                            <li><a href="cp.html">名菜</a></li>
                            <li><a href="xx.html">内页</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="sc.html">食材</a>
                    </li>
                    <li>
                        <a href="zx.html">珍选</a>
                    </li>
                    <li>
                        <a href="jj.html">舌尖上的中国</a>
                        <ul>
                            <li><a href="jj.html">栏目简介</a></li>
                            <li><a href="zh.html">中华名吃</a></li>
                            <li><a href="df.html">地方美食</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="jk.html">健康饮食</a>
                    </li>
                    <li>
                        <a href="zc.html">注册登录</a>
                        <ul>
                            <li><a href="zc.html">注册</a></li>
                            <li><a href="dl.html">登录</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="ly.html">留言中心</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 顶部导航菜单结束 -->
    <div class="box-contact">
        <form class="form">
            <div class="success"><strong>欢迎留言交流咨询!</strong> </div>
            <fieldset>
                <div class="coll-1">
                    <div>
                        <div class="form-txt">您的姓名:</div>
                        <label class="name">
                            <input type="text">
                        </label>
                        <div class="clear"></div>
                    </div>
                    <div>
                        <div class="form-txt">您的电话:</div>
                        <label class="phone">
                            <input type="tel">
                        </label>
                        <div class="clear"></div>
                    </div>
                    <div>
                        <div class="form-txt">您的邮箱:</div>
                        <label class="email">
                            <input type="email">
                        </label>
                        <div class="clear"></div>
                    </div>
                </div>
                <div class="coll-2">
                    <div>
                        <div class="form-txt">您的留言:</div>
                        <label class="message">
                            <textarea></textarea>
                        </label>
                        <div class="clear"></div>
                    </div>
                </div>
                <div class="clear"></div>
                <div class="btns">
                    <button>重置</button>
                    <button>提交</button>
                </div>
            </fieldset>
        </form>
    </div>
    <div class="clear"></div>
    <!-- 底部版权开始 -->
    <div class="footer">
        <p>copyright ©2020 美食天下 版权所有 All Rights Reserved.</p>
        <p>联系电话:13900000000 邮箱地址:123456789@qq.com</p>
    </div>
</body>

</html>